<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<title>海苔君</title>
<link rel="stylesheet" href="css/customer.css" type="text/css"/>
</head>

<body class="graybg">
<div class="header" id="header">

	<div class="user-info fix">
		<a href="javascript:;" class="atten" id="attentionBtn"></a>
		<div class="cont">
			<div class="tx">
				<img src="images/default_tx.png" class="tx_img" width="42" height="42"  id="tx" />
			</div>
			<div class="others">
				<h4 class="name" id="userName">通路为王 <span id="sex"></span></h4>
				<p><span>粉丝<b id="fansNum">0</b></span><span class="ml10">被赞<b id="agreedNum">0</b></span></p>
			</div>
		</div>
	</div>
	<div class="my-number fix">
		<div id="fixTop" class="fix-top-nav">
			<div id="Tab_0">
				<a href="javascript:;" class="on" aim="Tab_0_0">
					<h3 id="shareNum">0</h3>
					<p>晒物</p>
				</a>
				<a href="javascript:;" aim="Tab_0_1">
					<h3 id="pingceNum">0</h3>
					<p>评测</p>
				</a>
				<a href="javascript:;" aim="Tab_0_2">
					<h3 id="wantsNum">0</h3>
					<p>想要</p>
				</a>

				<a href="javascript:;" aim="Tab_0_3">
					<h3 id="hadNum">0</h3>
					<p>已有</p>
				</a>
			</div>
			<div class="hover-border" id="tabHover"></div>
			<div class="header-bg"></div>
		</div>
	</div>
</div>
<div class="customer-page pr">
	<!--<div class="mask-cover"></div>-->
	<!--<div  id="Tab_0_0" class="dn">
		<div class="empty-tip dn">
			<img src=images/empty_icon_03.png" width="118" height="62">
			<p class="g9 mt20">什么都没有</p>
		</div>
		<ul class="page-list fix">
			<div class="time">
				<h3>6</h3>
				<P>月</P>
			</div>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin xin-on"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover pic-cover-video"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin xin-on"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover pic-cover-video"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin xin-on"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="pic">
						<a href="#" class="pic-cover pic-cover-video"></a>
						<img src="images/detail_09.jpg" />
						<div class="bottom">
							<span class="com-icon">117</span>
							<a href="javascript:;" class="xin"></a>
						</div>
					</div>
					<p class="tit"><a href="#">这里是显示的是标题文字，至少两排哦</a></p>
				</div>
			</li>
		</ul>
	</div>-->
	<div  id="Tab_0_0">
		<div class="empty-tip dn">
			<img src=images/empty_icon_03.png" width="118" height="62">
			<p class="g9 mt20">什么都没有</p>
		</div>
		<ul>
			<li class="pingce">
				<a href="#">
					<div class="pic">
						<div class="mask"></div>
						<div class="three">
							<img src="images/default_cover.png" class="img_0" />
							<img src="images/default_cover.png" class="img_1" />
							<img src="images/default_cover.png" class="img_2" />
						</div>
					</div>
					<div class="star">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span class="empty-star"></span>
					</div>
					<p class="g6 tit">
						这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字这里是评测的文字
					</p>
					<p class="time g9">
						2016-02-12 12:12:12
					</p>
				</a>
				<div class="bottom">
					<div class="tx-list">
						<img src="images/default_tx.png" class="tx_0" />
						<img src="images/default_tx.png" class="tx_1" />
						<img src="images/default_tx.png" class="tx_2" />
						<img src="images/default_tx.png" class="tx_3" />
						<img src="images/default_more_tx.png" class="tx_4" />
					</div>
					<div class="opreat">
						<a href="javascript:;" class="icon xin"></a>
						<a href="javascript:;" class="icon com"></a>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<div id="Tab_0_2">
		<div class="empty-tip dn">
			<img src=images/empty_icon_03.png" width="118" height="62">
			<p class="g9 mt20">什么都没有</p>
		</div>
		<div class="p10">
			<div class="top-tit">
				<div class="wz">TA的愿望清单</div>
				<div class="line"></div>
			</div>
		</div>
		<ul id="wantList" class="had-list want-list fix">

			<li><a href="http://s.click.taobao.com/4cMWkWx"><img src="http://7xs8jc.com2.z0.glb.qiniucdn.com/o_1altigv471s1v1j8r310bheroqa.jpg?_htwh=545&amp;_htht=468&amp;imageView2/1/w/200/h/200"><span class="gou"></span></a></li><li><a href="http://s.click.taobao.com/vV5WkWx"><img src="http://7xs8jc.com2.z0.glb.qiniucdn.com/o_1altinrgd1j2k8181ub6n8poe9a.jpg?_htwh=498&amp;_htht=417&amp;imageView2/1/w/200/h/200"><span class="gou"></span></a></li></ul>
	</div>
	<div id="Tab_0_3">
		<div class="empty-tip dn">
			<img src=images/empty_icon_03.png" width="118" height="62">
			<p class="g9 mt20">什么都没有</p>
		</div>
		<div class="p10">
			<div class="top-tit">
				<div class="wz">TA的长草列表</div>
				<div class="line"></div>
			</div>
		</div>
		<ul id="hadList" class="had-list fix"><li><a href="http://s.click.taobao.com/4cMWkWx"><img src="http://7xs8jc.com2.z0.glb.qiniucdn.com/o_1altigv471s1v1j8r310bheroqa.jpg?_htwh=545&amp;_htht=468&amp;imageView2/1/w/200/h/200"><span class="gou"></span></a></li><li><a href="http://s.click.taobao.com/vV5WkWx"><img src="http://7xs8jc.com2.z0.glb.qiniucdn.com/o_1altinrgd1j2k8181ub6n8poe9a.jpg?_htwh=498&amp;_htht=417&amp;imageView2/1/w/200/h/200"><span class="gou"></span></a></li><li><a href="undefined"><img src="http://7xs8jc.com2.z0.glb.qiniucdn.com/20160701/goods/16765653808984671?_htwh=640&amp;_htht=640&amp;imageView2/1/w/200/h/200"><span class="gou"></span></a></li></ul>
	</div>
</div>

<script src="js/sea.js"></script>
<script>
	seajs.config({
		alias:{
			'jquery':'lib/jquery.js',
			'zepto':'lib/zepto.js'
		},
		paths:{
			'basePath':'js/'
		},
		debug:true
	})
	seajs.use("src/customer");
</script>
<!--<script>
	alert(document.getElementById('header').offsetHeight);
</script>-->
</body>
</html>
